$(window).load(function(){
	var m=0;
	var pic=$("#pic"),picLi=$("#pic li"),txt=$("#txt"),cnt=$("#content");
	$("#txt li").each(function(i){
		$("#txt li").eq(i).css({top:37*i+"px"});
	});
	//鼠标移动到图片
	picLi.hover(function(){
		k=$(this).index();
		txt.animate({right:30+m+"px"},"fast");
		$("#txt li").eq(k).css({backgroundColor:"#C81623"});
		$("#txt li").css("right",-60).eq(k).stop(true).animate({right:"0px"},"slow");
		$("#pic li").removeClass("bg").eq(k).addClass("bg");
	},function(){
		$("#txt li").css("backgroundColor","#7a6e6e").eq(k).stop(true).animate({right:"-60px"},"slow");
			$("#pic li").removeClass("bg");
	});
	//鼠标移动文字
	$("#txt li").hover(function(){
		$("#txt li").css("right",-60).eq(k).stop(true).css("right",0);
		$("#txt li").eq(k).css({backgroundColor:"#C81623"});
		$("#pic li").removeClass("bg").eq(k).addClass("bg");
	},function(){
		$("#txt li").animate({right:"-60px"},"slow");
		$("#txt li").eq(k).css({backgroundColor:"#7a6e6e"});
		$("#pic li").removeClass("bg");
	});
	//购物车界面
	picLi.eq(1).toggle(function(){
		m=cnt.outerWidth();
		cnt.animate({right:0},"slow");
		pic.animate({right:m+"px"},"slow");
		txt.animate({right:m+30+"px"},"slow");
	},function(){
		m=0;
		cnt.animate({right:"-306px"},"slow");
		pic.animate({right:m+"px"},"slow");
		txt.animate({right:m+30+"px"},"slow");
	});
	//购物车内，图标为红色
	cnt.hover(function(){
		picLi.removeClass("bg").eq(1).addClass("bg");
	});
});